<template>
  <div>
    <backHeader pageTitle="管理" />
    <div class="container" id="container" ref="container">
      <ul class="list">
          <li>分类管理<img :src="require('@/assets/images/right.png')"></li>
          <li>采集管理<img :src="require('@/assets/images/right.png')"></li>
      </ul>
    </div>
  </div>
</template>

<script>
import backHeader from "@/components/public/backHeader.vue";
import { size, sizeType } from "@/lib/getSize.js";
export default {
  namr: "console",
  data() {
    return {
      device: ""
    };
  },
  mounted() {
      this.initLayout()
  },
  methods: {
    /*
      布局相关
    */
    initLayout() {
      //初始化容器.
      this.device = size.getDeviceType();
      let rectSize = size.GET(sizeType.document);
      this.$refs.container.style.width = rectSize.width + "px";
      this.$refs.container.style.height = rectSize.height - 40 + "px";
      this.$refs.container.style.marginTop = "40px";
    }
  },
  components: {
    backHeader
  }
};
</script>

<style scoped>
.container {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  clear: both;
  background-color: hsl(0, 0%, 96%);
  width: 100%;
  overflow-y: auto;
}
.container .list{
  list-style: none;
  margin:0px;
  padding: 0px;
  width:100%;
}
.container .list li{
  width:calc(100%-35px);
  margin-top:10px;
  height: 45px;
  line-height: 45px;
  color:#303133;
  padding-left:35px;
  font-size: 13px;
  background-color: #fff;
  border-top: 1px solid #f9f9f9;
  border-bottom: 1px solid f9f9f9;
}
.container .list li img{
  margin-top:6.5px;
  width:32px;
  height: 32px;
  float: right;
}
</style>